<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style>
			* {
				margin: 0;
				padding: 0;
			}
			ul {
				list-style: none;
			}
			div {
				width: 1120px;
				height: 110px;
				margin: 200px auto;
				overflow: hidden;
				border: 1px solid #000;
			}
			p {
				width: 22400px;
				animation: moving 5s linear infinite;
				font-size: 80px;
				color: red;
				

			}
					
			
			div:hover p{
				animation-play-state:paused;
			}
			@keyframes moving {
				from {
					transform: translate3d(0, 0, 0);
				}
				to {
					transform: translate3d(-1120px, 0, 0);

				}
			}

        </style>
    </head>
    <body>
    <div>
    	<p> 
    	<span>我爱学习，学习学习使我快乐哟</span>
    	<span>我爱学习，学习学习使我快乐哟</span>

    	</p>
    	
    </div>
    </body>
</html>